<template>
  <div>
    <van-tabs @click="onClick">
      <van-tab title="今日10点上新">
        <!-- 今日10点上新的内容 -->
      </van-tab>
      <van-tab title="明日10点上新"></van-tab>
    </van-tabs>
    <div class="top">
      <img
        src="http://mp6.jmstatic.com/jmstore/image/000/008/8942_std/60b4561b5bacf_2048_710.jpg?1627893261&imageView2/2/w/800/q/90"
        alt=""
      />
      <img
        src="http://mp5.jmstatic.com/jmstore/image/000/009/9134_std/5fb1e069701a7_2048_710.jpg?1627525446&imageView2/2/w/800/q/90"
        alt=""
      />
      <img
        src="http://mp6.jmstatic.com/jmstore/image/000/008/8727_std/60af53a0d33dd_2048_710.jpg?1627889226&imageView2/2/w/800/q/90"
        alt=""
      />
      <img
        src="http://mp6.jmstatic.com/jmstore/image/000/008/8524_std/60fa7a62b2424_2048_710.jpg?1627028503&imageView2/2/w/800/q/90"
        alt=""
      />
      <img
        src="http://mp6.jmstatic.com/jmstore/image/000/008/8973_std/60f92d6b58408_2048_710.jpg?1627363745&imageView2/2/w/800/q/90"
        alt=""
      />
      <img
        src="http://mp6.jmstatic.com/jmstore/image/000/009/9217_std/5fea98ece980e_2048_710.jpg?1627183724&imageView2/2/w/800/q/90"
        alt=""
      />
    </div>
    <div class="center">
      <div class="img">
        <img
          src="http://p3.jmstatic.com/product/005/113/5113748_std/5113748_350_350.jpg"
          alt=""
        />
      </div>
        <div class="text">
            <p>韩国JM solution蜂蜜/珍珠面膜系列10片（32款可选）</p>
            <div class="bottom">
                <span class="lef">￥666</span>
                <span class="rig">￥888</span>
                <p>10条评论</p>
            </div>
        </div>
    </div>
    
  </div>
</template>

<script>
export default {
  data() {
    return {
      value: "",
    };
  },
  methods: {
    onClick() {},
  },
};
</script>

<style scoped>
.top {
  width: 100%;
}
.top > img {
  width: 100%;
  height: 130px;
  margin: 2px 0px;
}
.center {
  width: 100%;
  margin: 2px 0px;
  display: flex;
}
.center > .img {
  width: 130px;
  margin-right: 10px;
}
.center > .img > img {
  width: 130px;
  padding: 2px;
}
.text {
  color: #333;
  font-size: 13px;
  line-height: 17px;
  max-height: 51px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  margin-bottom: 5px;
}
.bottom{
    width: 100%;
    height:74px;
    margin-top: 20px;
}
.bottom > .lef{
    color: #fe4070;
    font-size: 20px;
}
.bottom > .rig{
    color: #999;
    text-decoration: line-through;
}

.bottom > p{
    color: #999;
    font-size: 11px;
    margin-top: 2px;
}
</style>